{{ content() }}

<div class="row">
    <div class="col-sm-4 col-sm-offset-0 col-md-12 col-md-offset-0">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">Register</h3>
            </div>
            <div class="panel-body">
                {{ form('class': 'form-signup form-horizontal') }}
                <div class="form-group col-md-12 col-sm-3 col-md-offset-3 {{ form.classError('name') }}">
                    <div class="col-md-2">
                        <label for="">
                        {{ form.label('name')}}
                        </label>
                    </div>
                    <div class="col-md-8">
                        {{ form.render('name') }}
                        <div class="col-md-12">
                            <div class="help-block">
                                {{ form.messages('name') }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group col-md-12 col-sm-3 col-md-offset-3 {{ form.classError('email') }}">
                    <div class="col-md-2">
                        <label for="">
                        {{ form.label('email')}}
                        </label>
                    </div>
                    <div class="col-md-8">
                        {{ form.render('email') }}
                        <div class="col-md-12">
                            <div class="help-block">
                                {{ form.messages('email') }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group col-md-12 col-sm-3 col-md-offset-3 {{ form.classError('password') }}">
                    <div class="col-md-2">
                        <label for="">
                        {{ form.label('password')}}
                        </label>
                    </div>
                    <div class="col-md-8">
                        {{ form.render('password') }}
                        <div class="col-md-12">
                            <div class="help-block">
                                {{ form.messages('password') }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group col-md-12 col-sm-3 col-md-offset-3  {{ form.classError('confirmPassword') }}">
                    <div class="col-md-2">
                        <label for="">
                        {{ form.label('confirmPassword')}}
                        </label>
                    </div>
                    <div class="col-md-8">
                        {{ form.render('confirmPassword') }}
                        <div class="col-md-12">
                            <div class="help-block">
                                {{ form.messages('confirmPassword') }}
                            </div>
                        </div>
                    </div>
                </div>


                <div class="form-group col-md-12 col-sm-3 col-md-offset-3 {{ form.classError('terms') }}">
                    <div class="col-md-2">

                    </div>
                    <div class="col-md-8">
                        {{ form.render('terms') }}
                         {{ form.label('terms')}}
                        <div class="col-md-12">
                            <div class="help-block">
                                {{ form.messages('terms') }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group col-md-12 col-sm-3 col-md-offset-3">
                    <div class="col-md-2">

                    </div>
                    <div class="col-md-8">
                        {{ form.render('SignUp') }}
                        <div class="col-md-12">
                            <div class="help-block">

                            </div>
                        </div>
                    </div>
                </div>
                {{ form.render('csrf', ['value': security.getToken()]) }}
            </form>
            </div>
        </div>
    </div>
</div>